<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"> 
  <head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
    <title>Google Maps JavaScript API Example: Map Info Window</title> 
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAZ7lxWOo5GfrPeLeFNWMlhhS8xSsdTPyy6laAQ3uotV_XUg4b7RSOPWipVSy4IjP2EVWjySI8bmpOoQ"
            type="text/javascript"></script> 
    <script type="text/javascript"> 
 
   function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        var center = new GLatLng(4.486387,-75.796373);
        map.setCenter(center, 13);
		map.setMapType(G_HYBRID_MAP);
		
		map.openInfoWindow(map.getCenter(),
                           document.createTextNode("Finca El Anhelo"));
 
        var marker = new GMarker(center, {draggable: true});
 
        GEvent.addListener(marker, "dragstart", function() {
          map.closeInfoWindow();
        });
 
        GEvent.addListener(marker, "dragend", function() {
          marker.openInfoWindowHtml("Just bouncing along...");
        });
 		map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.addOverlay(marker);
 
      }
    }
 
    </script> 
  </head> 
  <body onload="initialize()" onunload="GUnload()"> 
    <div id="map_canvas" style="width: 600px; height: 400px"></div> 
  </body> 
</html> 